<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="icon" type="image/png" href="{{base_url}}/images/logo.png">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{site.name}}</title>
    <link rel="stylesheet" href="{{base_url}}/css/index.css">
	<script src="{{base_url}}/js/fent.js"></script>
	<script src="{{base_url}}/js/jq.js"></script>
</head>
<body>
    {{include './common/header_en.html'}}



	<script>
    var device = navigator.userAgent.toLowerCase();
    if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(device)) {
        window.location = './public/wap5/';
    }
	</script>




    <div class="carousel">
		
        {{ if banner &&banner.length>0}}
        	{{each banner}}
        	<div class="slide">
        	    <img src="{{$value.img_en_url}}">
        	    <div class="text">
        	        {{@ $value.title_en}}
        	    </div>
        	</div>
        	{{/each}}
        {{/if}}
		
    </div>
    <div class="corporate">
        <div class="left">
            <h2>Corporate Culture</h2>
			<div class="cont">{{@ frag['qiyewenhuayingwen']}}</div>
            <a href="./guanyuwomen/qiyewenhua/index.html">More</a>
        </div>
		
        <div class="right">
            <div class="cor1">
                <img src="{{base_url}}/images/corporate1.png" alt="">
                <p>International level</p>
            </div>
            <div class="cor2">
                <img src="{{base_url}}/images/corporate2.png" alt="">
                <p>Empowering cohesion</p>
            </div>
            <div class="cor3">
                <img src="{{base_url}}/images/corporate3.png" alt="">
                <p>Robust risk control</p>
            </div>
            <div class="cor4">
                <img src="{{base_url}}/images/corporate4.png" alt="">
                <p>Long termism</p>
            </div>
            <div class="cor5">
                <img src="{{base_url}}/images/corporate5.png" alt="">
                <p>Faith is like a rock</p>
            </div>
            <div class="cor6">
                <img src="{{base_url}}/images/corporate6.png" alt="">
                <p>Endowment innovation</p>
            </div>
        </div>
    </div>
    <div class="banner2">
        <div class="left">
            <div>
                <h1>Taking customer needs as our responsibility and innovative services as our core</h1>
                <p>Anshou Wealth Management Co., Ltd. is deeply rooted in the rich soil of Hong Kong's international financial center and has been writing its glorious history since the early 21st century.
				<br>The establishment and growth of the company have witnessed the ups and downs of the Hong Kong financial industry, and are also a part of the global financial history.
				<br>The company has gone through ups and downs, always adhering to the concept of "taking customer needs as our responsibility and innovative services as our core", committed to providing excellent financial services to customers, and becoming a leading global financial service provider.
				<br>Since its inception, Anshou Wealth Management has gained the trust and investment of internationally renowned enterprises such as AXA Ansheng Group, Changjiang Heji Industry, and Changhe Co., Ltd. This is not only recognition of its potential, but also firm support for its future development.</p>
                <div>
                    <img src="{{base_url}}/images/logo.png" alt="">
                    <h1>ASWM</h1>
                </div>
            </div>
        </div>
        <div class="right">
            <img src="{{base_url}}/images/banner2.png" alt="">
        </div>
    </div>
    <div class="investment">
        <h1 style="text-align: center;color: white;padding: 50px 0;">Investment philosophy</h1>
        <div class="title inv_item inv_item1">
            <div>
                <img src="{{base_url}}/images/investment1.png" alt="">
            </div>
            <div>
                <div>
                    <h1 style="font-size: 80px;">"</h1>
                    <h1 style="margin-top: -30px;margin-bottom: 30px;">Centennial inheritance</h1>
                    <p>Shou Wealth Management emphasizes the investment philosophy of long-term value and has accompanied clients through decades of history. AXA Ansheng Group also features stable operation for the Century Group. Anshou Wealth Management inherits the shareholder philosophy and is committed to becoming a long-term partner for customers. We not only focus on current profits, but also accompany customers through different life stages and multiple economic cycles, achieving continuous accumulation of wealth over time.</p>
                </div>
                
            </div>
        </div>
        <div class="title inv_item inv_item2" style="display: none;">
            <div>
                <img src="{{base_url}}/images/investment1.png" alt="">
            </div>
            <div>
                <div>
                    <h1 style="font-size: 80px;">"</h1>
                    <h1 style="margin-top: -30px;margin-bottom: 30px;">Responsible investment</h1>
                    <p>Shou Wealth Management emphasizes the investment philosophy of long-term value and has accompanied clients through decades of history. AXA Ansheng Group also features stable operation for the Century Group. Anshou Wealth Management inherits the shareholder philosophy and is committed to becoming a long-term partner for customers. We not only focus on current profits, but also accompany customers through different life stages and multiple economic cycles, achieving continuous accumulation of wealth over time.</p>
                </div>
                
            </div>
        </div>
        <div class="title inv_item inv_item3" style="display: none;">
            <div>
                <img src="{{base_url}}/images/investment1.png" alt="">
            </div>
            <div>
                <div>
                    <h1 style="font-size: 80px;">"</h1>
                    <h1 style="margin-top: -30px;margin-bottom: 30px;">Forward thinking</h1>
                    <p>Shou Wealth Management emphasizes the investment philosophy of long-term value and has accompanied clients through decades of history. AXA Ansheng Group also features stable operation for the Century Group. Anshou Wealth Management inherits the shareholder philosophy and is committed to becoming a long-term partner for customers. We not only focus on current profits, but also accompany customers through different life stages and multiple economic cycles, achieving continuous accumulation of wealth over time.</p>
                </div>
                
            </div>
        </div>
        <div class="title inv_item inv_item4" style="display: none;">
            <div>
                <img src="{{base_url}}/images/investment1.png" alt="">
            </div>
            <div>
                <div>
                    <h1 style="font-size: 80px;">"</h1>
                    <h1 style="margin-top: -30px;margin-bottom: 30px;">Multidimensional integration</h1>
                    <p>Shou Wealth Management emphasizes the investment philosophy of long-term value and has accompanied clients through decades of history. AXA Ansheng Group also features stable operation for the Century Group. Anshou Wealth Management inherits the shareholder philosophy and is committed to becoming a long-term partner for customers. We not only focus on current profits, but also accompany customers through different life stages and multiple economic cycles, achieving continuous accumulation of wealth over time.</p>
                </div>
                
            </div>
        </div>
        <div class="inv_btn">
            <div class="inv_btn1">
                <p>●</p>
                <p>Centennial inheritance</p>
            </div>
            <div class="inv_btn2">
                <p>●</p>
                <p>Responsible investment</p>
            </div>
            <div class="inv_btn3">
                <p>●</p>
                <p>Forward thinking</p>
            </div>
            <div class="inv_btn4">
                <p>●</p>
                <p>Multidimensional integration</p>
            </div>
        </div>
    </div>
   <div class="product">
	   
		<h1><img src="{{base_url}}/images/prd_title.png"/></h1>
       <div class="shop">
           <div class="shoplis">
               <img src="{{base_url}}/images/pro1.png" alt="">
               <h1>Anrun series</h1>
               <p>Fixed income category</p>
               <p>Suitable for investors with high liquidity requirements and a pursuit of stable returns</p>
           </div>
           <div class="shoplis">
               <img src="{{base_url}}/images/pro2.png" alt="">
               <h1>Anyuan series</h1>
               <p>Fixed income category</p>
               <p>Suitable for investors with medium to long term investment restrictions and a pursuit of stable returns</p>
           </div>
           <div class="shoplis">
               <img src="{{base_url}}/images/pro3.png" alt="">
               <h1>Anheng series</h1>
               <p>Mixed class</p>
               <p>Suitable for investors with medium to long term investment restrictions and a pursuit of higher than steady returns</p>
           </div>
           <div class="shoplis">
               <img src="{{base_url}}/images/pro4.png" alt="">
               <h1>An Tian series</h1>
               <p>Mixed class</p>
               <p>Suitable for investors with long-term investments and a pursuit of higher than steady returns</p>
           </div>
           <div class="shoplis">
               <img src="{{base_url}}/images/pro5.png" alt="">
               <h1>Anhong series</h1>
               <p>Equity class</p>
               <p>Suitable for long-term investors with high return elasticity</p>
           </div>            
       </div>
   </div>
      
   
	
	
	<div class="publicize">
        <div class="left">
            <p style="text-align: center;">advertising<br>video</p>
        </div>
        <div class="right">
			<video style="width: 100%;height: 600px;" src="http://mobile.aswm.pro/mv.mp4" poster="{{base_url}}/images/publicize1.png" controls autoplay></video>
        </div>
    </div>
    <div class="news">
        <div>
			<img src="{{base_url}}/images/new_title.png"/>
            <!-- <h1>要闻快报</h1> -->
            <ul>
                <li><a href="./yaowenkuaibao/enindex.html">News</a></li>
                <li><a href="./yaowenkuaibao/yixianchuansheng/enindex.html">Voice</a></li>
                <li><a href="./yaowenkuaibao/shishixinwen/enindex.html">Affairs</a></li>
                <li><a href="./yaowenkuaibao/shibinzhuanqu/enindex.html">Video</a></li>
            </ul>
        </div>
        <div>
            <div class="left">
                <img src="{{base_url}}/images/news.png" alt="">
            </div>
            <div class="right" id="arclist">
                
            </div>
        </div>
    </div>
    {{include './common/footer_en.html'}}

</body>
<script>
	// $.get("https://www.aswm.pro/api-chancms/v1/getArticleList?attr=&len=5&cid=1", data =>{
	// 	console.log(data);
	// })
	
	$.get("./api-chancms/v1/list?id=11&current=1&pageSize=5", data =>{
		console.log(data);
		let context = '<ul>';
		data.data.list.forEach(item=>{
			context += '<li><a href="/enarticle-'+item.id+'.html"><p>'+item.title_en+'</p><p>'+item.description_en+'</p></a></li>'
		})
		context+="</ul><a href='./yaowenkuaibao/enindex.html'>More</a>"
		$("#arclist").html(context)
	})
	
    document.querySelector('.about').addEventListener('mouseover', function() {
        document.querySelector('.submenu').style.display = 'block';
    });

    document.querySelector('.about').addEventListener('mouseout', function() {
        document.querySelector('.submenu').style.display = 'none';
    });
</script>
<script>
    // 轮播图
    const slides = document.querySelectorAll('.slide');
    let currentSlide = 0;
    function showSlide(index) {
        slides.forEach((slide, i) => {
            slide.style.transform = `translateX(${100 * (i - index)}%)`;
        });
    }
    function nextSlide() {
        // console.log("Before nextSlide()", currentSlide, slides.length);
        currentSlide = (currentSlide + 1) % slides.length;
        // console.log("After nextSlide()", currentSlide, slides.length);
        showSlide(currentSlide);
    }
    setInterval(function() {
        console.log("setInterval()", currentSlide, slides.length);
        nextSlide();
    }, 3000);
    showSlide(currentSlide);

    // 切换
    var inv_btn1 = document.querySelector('.inv_btn1');
    var inv_btn2 = document.querySelector('.inv_btn2');
    var inv_btn3 = document.querySelector('.inv_btn3');
    var inv_btn4 = document.querySelector('.inv_btn4');

    var currentIndex = 1;
    var maxIndex = 4;

    function autoSwitch() {
    // 模拟点击下一个按钮
    currentIndex = currentIndex % maxIndex + 1;
    var currentBtn = document.querySelector('.inv_btn' + currentIndex);
    currentBtn.click();
    }
    var intervalId = setInterval(autoSwitch, 2000); 
    function stopAutoSwitch() {
        clearInterval(intervalId);
    }
    inv_btn1.onclick = function() {
        var inv_item1 = document.querySelector('.inv_item1').style.display = 'flex';
        var inv_item2 = document.querySelector('.inv_item2').style.display = 'none';
        var inv_item3 = document.querySelector('.inv_item3').style.display = 'none';
        var inv_item4 = document.querySelector('.inv_item4').style.display = 'none';
        inv_btn1.style.color = 'rgb(35, 117, 255)';
        inv_btn2.style.color = 'white';
        inv_btn3.style.color = 'white';
        inv_btn4.style.color = 'white';
    }
    inv_btn2.onclick = function() {
        var inv_item1 = document.querySelector('.inv_item1').style.display = 'none';
        var inv_item2 = document.querySelector('.inv_item2').style.display = 'flex';
        var inv_item3 = document.querySelector('.inv_item3').style.display = 'none';
        var inv_item4 = document.querySelector('.inv_item4').style.display = 'none';
        inv_btn1.style.color = 'white';
        inv_btn2.style.color = 'rgb(35, 117, 255)';
        inv_btn3.style.color = 'white';
        inv_btn4.style.color = 'white';
    }
    inv_btn3.onclick = function() {
        var inv_item1 = document.querySelector('.inv_item1').style.display = 'none';
        var inv_item2 = document.querySelector('.inv_item2').style.display = 'none';
        var inv_item3 = document.querySelector('.inv_item3').style.display = 'flex';
        var inv_item4 = document.querySelector('.inv_item4').style.display = 'none';
        inv_btn1.style.color = 'white';
        inv_btn2.style.color = 'white';
        inv_btn3.style.color = 'rgb(35, 117, 255)';
        inv_btn4.style.color = 'white';
    }
    inv_btn4.onclick = function() {
        var inv_item1 = document.querySelector('.inv_item1').style.display = 'none';
        var inv_item2 = document.querySelector('.inv_item2').style.display = 'none';
        var inv_item3 = document.querySelector('.inv_item3').style.display = 'none';
        var inv_item4 = document.querySelector('.inv_item4').style.display = 'flex';
        inv_btn1.style.color = 'white';
        inv_btn2.style.color = 'white';
        inv_btn3.style.color = 'white';
        inv_btn4.style.color = 'rgb(35, 117, 255)';
    }
	
	

</script>
</html>

